﻿@import "variables.less";

body {
    padding-top: 50px;
}

hr {
    border-color: @border-color;
}

.hidden {
    display:none;
    visibility:hidden;
}
.show {
    display:block;
    visibility:visible;
}


.btn-big {
    width: 100px;
}

.btn-big i {
    width:100%;
    font-size:60px;
    text-align:center;
}

.btn-big span {
    float:left;
    width:100%;
    font-size:20px;
}

/* ----------------------------------------- */
/* -------- Jquery ui css overrides -------- */
/* ----------------------------------------- */
.ui-selecting {
    background-color: @selecting-back-color;
}
.ui-selected {
    background-color: @selection-back-color;
}
.form-control[readonly] {
    background-color: @read-only-input-back-color;
}

/* ----------------------------- */
/* -------- App helpers -------- */
/* ----------------------------- */
.active-item {
    background-color: @selection-back-color;
}
.currency-text:before {
    content: '$';
}

/*.green {
    background-color:#5cb85c;
    border-color:#4cae4c;
    color:#ffffff;
}
.light-blue {
    background-color:#5bc0de;
    border-color:#46b8da;
    color:#ffffff;
}*/

.no-margin {
    margin:0;
}

/* --------------------------- */
/* -------- Form Size -------- */
/* --------------------------- */
.form-inputs-xxsmall button.form-control,
.form-inputs-30 input.form-control,
.form-inputs-30 textarea.form-control  {
    width: 30px;
}

.form-inputs-small button.form-control,
.form-inputs-100 input.form-control,
.form-inputs-100 textarea.form-control  {
    width: 100px;
}

.form-inputs-small button.form-control,
.form-inputs-200 input.form-control,
.form-inputs-200 textarea.form-control  {
    width: 200px;
}
/*.input-w-50 {
    width: 50px;
}

.input-w-100, .input-w-100 {
    width: 100px;
}
.input-w-200 {
    width: 200px;
}*/

.btn.btn-2,
.btn.btn-sm {
    padding: 5px 10px;
}

.btn-2 i,
.btn-sm i {
    font-size:40px;
}

/* ----------------------------------------- */
/* -------- Fonts Awesome css overrides -------- */
/* ----------------------------------------- */
.fa {
    cursor:pointer;
}

.fa:hover {
    color: @selecting-back-color;
}

.btn-info .fa:hover {
    color:#ffffff;
}
.btn-success .fa:hover {
    color:#ffffff;
}


/* ----------------------------------------- */
/* -------- Backgrid Extensions -------- */
/* ----------------------------------------- */
.boolean-cell input[type=checkbox] {
    width:20px;
    height:20px;
}

.cell-sm,
.cell-w-50 {
    width:50px;
}
.cell-md,
.cell-w-100 {
    width:100px;
}

.delete-cell {
    color: #ff0000;
    font-size:20px;
    text-align:center !important;
}

/*.currency-cell:before {
    content: '$';
}*/

.delete-cell {
    color: #ff0000;
    font-size:20px;
    text-align:center !important;
}

.string-center-cell {
    text-align:center !important;
}

.string-left-cell {
    text-align:left !important;
}

.moment-center-cell {
    text-align:center !important;
}

.button-cell {
    text-align: center !important;
}
.button-cell button {
    margin: 0 auto 0 auto;
}

/* ----------------------------------------- */
/* -------- Backgrid Overrides -------- */
/* ----------------------------------------- */
.form-group form.backgrid-filter.form-search {
    margin: 0 0 0 5px;
    display: inline-block;
    vertical-align: middle;
}


/* ----------------------------------------- */
/* -------- Bootstrap Overrides -------- */
/* ----------------------------------------- */
.btn[disabled=disabled] {
    background-color:#dcdcdc;
    border-color:#808080;
    color:#606062;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 
{
    padding: 0;
}

.row, .form-horizontal .form-group {
    margin-left:0;
    margin-right:0;
}

.form-group input[type='checkbox'] ~ .control-label {
    margin-top: -7px;
    cursor:pointer;
}

.form-inline .form-group.show {
    display: inline-block !important;
}

@media (min-width: 768px) {
    .navbar-collapse.collapse.col-md-4 {
        width:33.33%;
    }

    .navbar-collapse.collapse.col-md-5 {
        width:41.66666667%;
    }

    .form-inline .radio input[type="radio"], 
    .form-inline .checkbox input[type="checkbox"] {
        top: 2px;
        position: relative;
    }
}

/* ----------------------------------------- */
/* -------- Other Overrides -------- */
/* ----------------------------------------- */
.clear_input_div {
    display:inline-block;
}